<template>
  <!-- template下面只能有一层 -->
  <div>
    <router-view />
    <van-tabs v-model="active" type="false" class="selectTab">
      <van-tab title="关注" to="/home/found">
        <router-view />
      </van-tab>
      <van-tab title="广场" disabled></van-tab>
      <van-tab title="目标日" to="/home/found/target">
        <router-view />
      </van-tab>
      <van-tab to="/home/found/add">
        <template #title>
          <van-icon name="add-o" size="20" />
        </template>
        <router-view />
      </van-tab>
    </van-tabs>
    <ul>
      <li>本周排行榜</li>
      <!-- <li><img src="../../../img/found/2.jpg" alt=""></li> -->
      <li>
        <router-link to="/home/found/ranking"
          ><img src="../../../img/found/2.jpg" alt=""
        /></router-link>
      </li>
    </ul>

    <!-- 排行榜展示图 -->
    <div class="one">
      <!-- 发布动态内容 -->
      <div><h3>...</h3></div>
      <div class="circle"></div>
      <input type="text" class="pushlish" />
    </div>
    <div class="two"></div>
  </div>
</template>

<script>
import { Toast } from "vant";
export default {
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style scoped>
ul {
  display: flex;
  justify-content: space-between;
}

li {
  height: 100px;
  line-height: 100px;
}

li img {
  width: 50px;
  height: 50px;
  margin-top: 20px;
}

.one {
  width: 680px;
  height: 245px;
  margin: 0 auto;
  border-color: rgb(187, 187, 187);
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  padding: 0px;
  text-align: center;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  background: rgb(239, 239, 239);
}
.one h3 {
  margin: 22px 0 0 580px;
}
.one .circle {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0px 0 0 44px;
}
.one .pushlish {
  width: 480px;
  height: 59px;
  border: 1px solid #fff;
  background-color: #fff;
  margin: 15px 0 0 14px;
}
.two {
  width: 680px;
  height: 245px;
  margin: 0 auto;
  border-color: rgb(187, 187, 187);
  border-width: 1px;
  margin-top: 50px;
  border-style: solid;
  font-size: 14px;
  padding: 0px;
  text-align: center;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  background: rgb(239, 239, 239);
}
</style>
